<template>
<div>
    <movie-item :item="item" v-for="item of movies" :key="item._id"></movie-item>
</div>
    
</template>

<script>
import MovieItem from './components/MovieItem.vue'
import HttpHooks from './components/Hooks/HttpHooks.js'
export default {
    components:{
        MovieItem
    },
    setup(){
        return{
            ...HttpHooks()
        }
    }
};
</script>

<style  scoped>
.item{
    border: 1px solid #333;
    margin: 20px;
    padding: 20px;
}
.item img{
    width: 150px;
}
</style>